草庐IT

image - 缩略图的 SEO 实践

全部标签

javascript - 动态获取 vimeo 视频的缩略图和标题

摘自这个问题:GetimgthumbnailsfromVimeo?我正在尝试创建一个包含多个vimeo视频的页面。我想让HTML中的视频看起来像这样:然后我希望jQuery使用img填充divs,其中src是来自vimeo的缩略图,以及一个a指向视频,其文本是视频的标题。也就是说,它应该像这样结束:VideoTitle(为清楚起见添加了缩进)这是我从另一个问题开始的观点:$.ajax({type:'GET',url:'http://vimeo.com/api/v2/video/'+video_id+'.json',jsonp:'callback',dataType:'jsonp',su

javascript - Coffeescript/Jquery 绑定(bind)事件最佳实践

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我是coffescript的新手,但我很感兴趣将事件从jquery绑定(bind)到coffeescript类实例的最佳方法是什么?我试图防止在我的类中有太多的嵌套回调:classPageid2clicks:0id3clicks:0id4clicks:0onLoad:->$('#id2').on'click',@,@onId2Click$('#id3').on'click',$.proxy

javascript - 将 Redux 状态传递给组件时的最佳实践

我正在与其他几个开发人员一起开发一个React+Redux项目,但我们无法就在何处传递状态和操作的最佳实践达成一致。我的方法是拥有一个“容器”或“提供者”组件,它是父组件,所有必需的状态和操作都映射到状态并向下传递到子组件,从而创建单一的真实来源。然而不利的一面是,您必须记住通过每个子组件向下传递操作和值,这可能很难遵循。另一种开发人员方法是在每个需要它的组件上,在堆栈中的任何位置使用mapStateToProps。因此,如果向下三层或四层的子组件需要特定状态,他将在该组件上使用mapStateToProps。他还会使用import关键字直接导入Action创建器,而不是将它们称为Pr

javascript - React Hooks 异步最佳实践

现在使用useEffects,可以将componentDidMount替换为带有Hooks的React组件。场景“对服务器的初始唯一调用”:为实现这一点,useEffect中的DependencyList(useEffect的第二个参数)每次都应该是一个空数组,否则应用程序将向服务器发送每个状态更改的获取调用.这意味着,这是获取数据的最佳实践useEffect(()=>{console.log("useEffect,fetchDatahere");},[]);最好的做法是使用[]作为DependencyList参数来禁用请求每个状态更改的服务器吗?链接到githubhttps://gi

javascript - 在应用程序中使用 jQuery 表单绑定(bind)代码的最佳实践

我们有一个应用程序,其中包含大量对服务器端代码的jQueryJSON调用。因此,我们有大量的绑定(bind)代码来解析响应并将适当的值绑定(bind)到表单。这是一个由两部分组成的问题。处理大量具有不同数据的表单的推荐方法是什么。现在我们正在尝试采用结构化方法为每个页面设置一个js“类”,​​使用init、wireClickEvents等。以尝试使所有内容都一致。在创建重复的jQuery代码或任何类型的推荐结构方面是否有任何“最佳实践”,而不仅仅是在js文件中添加一堆函数? 最佳答案 您可能应该研究像knockout.js这样的框架

javascript - 针对不同浏览器的 JavaScript 中的一般单元测试概念/实践?

我一直在用强类型语言编写单元测试,对此我有很好的理解。当用JavaScript编写单元测试以验证某些功能在某些浏览器中是否正常工作时,我又回到了手动测试。我不了解它是如何工作的。因为JavaScript旨在缩小数据和表示之间的差距,并使其更具交互性。一切都在浏览器中发生,而且更多地与UI有关。所以我假设如果我要编写单元测试,我会编写类似(伪代码)的内容:runfunctionAcheckDOMifcertainelementhasbeencreatedifnotthenfailcheckifelementisvisibleifnotthenfailcheckforthecontento

javascript - "click anywhere to close"的原型(prototype)最佳实践?

我发现自己经常处于打开网页中的元素的情况-例如一个下拉菜单-如果用户点击页面上除了元素本身以外的任何地方,我想关闭它。为简单起见,大部分代码都是我自己编写的,而不是使用一些下拉菜单类。但是,我从来没有设法构建一个完全令人满意的实现:事件处理和冒泡在不同的浏览器中会以不同的方式工作,需要一些讨厌的解决方法,在某些情况下单击下拉按钮会在同一时刻开始关闭它,依此类推。是否有基于原型(prototype)的权威最佳实践来执行此操作?跨浏览器工作的东西-IE6是一个加号但不是必需的?就是这样:点击按钮-打开一个元素(例如,绝对定位的下拉菜单)。在元素内单击-元素保持打开状态。单击打开元素的按钮t

javascript - 证明行中图像的对齐方式(ala Google Images)

我想在固定宽度上调整图像(Google图像正是这样做的,例如:here)有什么简单的解决方案吗?最后的办法是编写一个jquery脚本,计算它可以放入一行中的图像数量,并逐个迭代图像。对于可以使用text-align:justify...文本完成的事情来说似乎有点矫枉过正...... 最佳答案 使用显示:内联block;对于带有图像和文本的元素对齐:对齐;对于父元素。示例:...和CSS:.images{text-align:justify;}.imagesli{display:inline-block;}

javascript - 合并 JS 文件的最佳实践

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion关于JS优化,我一直有这个问题,现在大多数人通过使用Less、Sass或其他方法将他们所有的CSS组合到一个文件中。但是来到JS我对这种方法有点犹豫,因为有插件、框架和你自己的代码。只是想知道是否有规则或最佳实践。所以我应该将我所有的JS组合成单个JS,包括插件、框架、库和我自己的代码,或者相应地使它们模块化。我知道这可能取决于项目的大小,但衡量标准是什么以及我应该何时将所有内容合并为一个或模块化。有没有

javascript - 多次复制 Canvas : clone the canvas or copy the image data?

我的一个界面元素正在使用HTML5渲染元素和关联的JavaScriptAPI。此元素在同一屏幕上的多个位置以及整个应用程序的多个屏幕上使用。在需要的地方显示它的最有效方法是什么?我的第一个想法是绘制到主Canvas上,然后将其复制并插入页面中需要的位置。主Canvas可能是这样的:varmaster=$('').attr({width:100,height:100}),c=master[0],ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);假设我想复制这些div中的Canvas容器:....